.sbio_flex {
  display: flex;
  justify-content: center;
  align-items: center;
  &.start {
    justify-content: flex-start;
  }
  &.between {
    justify-content: space-between;
  }
  &.around {
    justify-content: space-around;
  }
  &.end {
    justify-content: flex-end;
  }
  &.between-start {
    justify-content: space-between;
    align-items: flex-start;
  }
  &.between-end {
    justify-content: space-between;
    align-items: flex-end;
  }
  &.start-between {
    justify-content: flex-start;
    align-items: space-between;
  }
  &.start-start {
    justify-content: flex-start;
    align-items: flex-start;
  }
  &.center-start {
    justify-content: center;
    align-items: flex-start;
  }

  &.align-around {
    align-items: space-around;
  }

  &.align-around-end {
    justify-content: flex-end;
    align-items: space-around;
  }
  &.align-end {
    justify-content: center;
    align-items: flex-end;
  }
  &.start-end {
    justify-content: flex-start;
    align-items: flex-end;
  }
  &.align-start-end {
    justify-content: flex-end;
    align-items: flex-start;
  }
  &.align-start-start {
    justify-content: flex-start;
    align-items: flex-start;
  }
  &.wrap {
    flex-wrap: wrap;
  }
}
.sbio_flex__item {
  flex: 1;
}
.sbio_flex__auto {
  flex: auto;
}
